<?php 
require_once('header.php');
$data=Spyc::YAMLLoad('yaml/rooms.yaml');
?>


<script src="rooms.js" type="text/javascript"></script>


<style>
#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}

/*  */
</style>

<div id="content">
	<div class="separator">
		<div class="container">
			<div class="column-1 indent1 space1">
				<h3 class="indent3">why choose us</h3>
				<strong>Lorem ipsum dolor sit amet conse- cetuer adipisng elitsent.</strong>
				<p>Fusce sscipit varius mi. Cum sociis natoque penatus et magniturient montes nascetur ridiculus mus. Nulla dui. Fusce feugiat malesuaddirbi nunc odio gravida atcursus.</p>
				<div class="list1 space3">
					<ul>
						<li><a href="#">Fusce suscipi nnaidiculus</a></li>
						<li><a href="#">Nulla dut dioatc luctus</a></li>
						<li><a href="#">Maecenas trisnec accum</a></li>
						<li><a href="#">Lorem ipsum loris fermtu</a></li>
						<li><a href="#">Sed laoreet aliqmentu</a></li>
						<li><a href="#">Aliquarat volutturprutrum</a></li>                                    
					</ul>
				</div>
				<p>Cum sociis natoque penatus et magniturient montes nascetur ridiculus mus. Nulla dui. Fusce feugiat malesuaddirbi nunc odio gravida atcursus.</p>
				<p><a href="#"><b>READ MORE</b></a></p>
				<h3 class="indent3 text1 space2">our offers</h3>
				<img src="images/page2-img1.jpg" alt="" />
				<p><a href="#"><b>READ MORE</b></a></p>
			</div>
			<div class="column-2">
				<h3 class="indent2">our work team</h3>
				<p>Lorem ipsum dolor sit amet consecetuer adipisng elitsent vestibulum molestie.</p>
				<p>Fusce suscipit varius mi. Cum sociis natoque penatibus et magniturient montes nascetur ridiculus mus. Nulla dui. Fusce feugiat malesuaddirbi nunc odio gravida atcursus nec luctus a lorem. Maecenas tristique orci ac sem. Duis ultricies pharetra magna.</p>
				<div class="container space3">
					<div class="col-1"><img src="images/page2-img2.jpg" alt="" /><p><a class="text2" href="#"><b>John Franklin</b></a></p></div>
					<div class="col-1"><img src="images/page2-img3.jpg" alt="" /><p><a class="text2" href="#"><b>Alan Smith</b></a></p></div>
					<div class="col-1"><img src="images/page2-img4.jpg" alt="" /><p><a class="text2" href="#"><b>Patrick Pool</b></a></p></div>
					<div class="col-2"><img src="images/page2-img5.jpg" alt="" /><p><a class="text2" href="#"><b>Bradley Grosh</b></a></p></div>
				</div>
				<div class="line"></div>
				<h3 class="indent2">our standards</h3>
				<div class="container">
					<div class="list1 col-3">
						<ul>
							<li><a href="#">Fusce suscipi nnaidiculus</a></li>
							<li><a href="#">Nulla dut dioatc luctus</a></li>
							<li><a href="#">Maecenas trisnec accum</a></li>
							<li><a href="#">Lorem ipsum loris fermtu</a></li>
						</ul>
					</div>
					<div class="list1 col-4">
						<ul>
							<li><a href="#">Fusce suscipi nnaidiculus</a></li>
							<li><a href="#">Nulla dut dioatc luctus</a></li>
							<li><a href="#">Maecenas trisnec accum</a></li>
							<li><a href="#">Lorem ipsum loris fermtu</a></li>
						</ul>
					</div>
					<div class="list1 col-5">
						<ul>
							<li><a href="#">Fusce suscipi nnaidiculus</a></li>
							<li><a href="#">Nulla dut dioatc luctus</a></li>
							<li><a href="#">Maecenas trisnec accum</a></li>
							<li><a href="#">Lorem ipsum loris fermtu</a></li>
						</ul>
					</div>
				</div>
				<p><a href="#"><b>READ MORE</b></a></p>
				<div class="line"></div>
				<h3 class="indent2">Testimonials</h3>
				“Fusce suscipit varius mi. Cum sociis natoque penatibus et magnis dturient montes nascetur ridiculus mus. Nulla dui. Fusce feugiat malesuada odirbi nunc odio gravida atcursus nec luctus a lorem. Maecenas tristique orci ac sem.
				<p>Aenean auctor wisi et urna. Aliquam erat volutpat. Duis ac turpis. Integer rutrum ante eu lacus. Sed laoreet aliquam leo. Ut tellus dolor, dapibus eget, elementum vel, cursus eleifend, elit...”</p>
				<div class="alignright"><strong>Jessica Priston</strong></div>
			</div>
		</div>
	</div>
</div>

<?php 
require_once('footer.php');
?>